<template>
	<view class="storeNew">
		<nav-bars bgColor="transparent" fontColor="#fff">
			<view class="searchBox">
				<text class="iconfont">&#xe68e;</text>
				<input confirm-type="search" @confirm="searchData" @input="clearSearch" type="text" value="" v-model="keyword" placeholder-class="searchPlace" placeholder="搜索店铺商品"/>
			</view>
		</nav-bars>
		<view class="topBgImg">
			<!-- 背景图片 -->
			<view class="bgImg">
				<!-- <image :src="storeInfo.back_img" mode=""></image> -->
				<map style="width: 100%; height: 100%;" :latitude="lat" :longitude="lng" :markers="markers" :scale="scale" :enable-indoorMap="true"></map>
				<view class="typelist">
					<view class="threeD" @click="mapfunc">3D</view>
					<view class="nav" @click="openLocation">导航</view>
				</view>
			</view>
		</view>
		<!-- 店铺详情 -->
		<view class="storeInfo" id="storeInfo">
			<view class="ShopView">
				<view class="ShopItem">
					<view class="ShopTop">
						<view>
							<view class="ShopTitle">{{storeInfo.store_name}}</view>
							<view class="ShopTopLeft">
								<view class="ShopTopLeftNum" style="color: #FF4D5D;margin-right: 12px;display: flex;align-items: center;">
									<image src="https://manager.ryz1620.com/static/adminShop/iconHeart.png"></image>
									<text>{{storeInfo.fans_num}}关注</text>
								</view>
								<view>营业时间：{{storeInfo.business_start}}-{{storeInfo.business_end}}</view>
							</view>
							<view class="ShopBottom" @click="focusStore">
								<!-- <image src="https://manager.ryz1620.com/static/adminShop/heartIcon.png"></image> -->
								<u-icon v-if="storeInfo.user_follow_status==1" name="heart-fill" color="#ff557f" size="32" style="margin-right: 8rpx;"></u-icon>
								<u-icon v-else name="heart" color="#333" size="32" style="margin-right: 8rpx;"></u-icon>
								<text>{{storeInfo.user_follow_status==1?'已关注':'关注'}}</text>
							</view>
						</view>
						<view class="ShopLoGo">
							<image :src="storeInfo.store_logo" mode=""></image>
						</view>
					</view>
					<view class="ShopMessage">
						<view class="storeText omit-1" :class="{'omit-3':openStatus}">{{storeInfo.store_detail}}</view>
						<view style="width: 60rpx;height:60rpx;text-align:center;line-height:60rpx;" @click="openText"><u-icon style="display: inline-block;margin-top: auto;" :name="openStatus?'arrow-up':'arrow-down'" color="#9a9a9a" size="26"></u-icon></view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 店铺商品 -->
		<view class="storeContent">
			<view class="tabsBox">
				<u-tabs :list="tabsList" font-size="32" bar-style="tabsBottomStyle" inactive-color="#858585" bold active-color="#D8B270" :is-scroll="false" :current="tabsIndex" @change="selectTabs"></u-tabs>
			</view>
			<!-- 分类&商品 -->
			<view class="contentBox" v-if="tabsIndex==0" :style="'height:'+shopHeight+'px;'">
				<!-- 分类 -->
				<scroll-view class="cateBox" scroll-y>
					<view class="cateItem" :class="{'active':index==cateActiveIndex}" v-for="(item,index) in navList" :key="index" @click="changeCate(index, item.cate_id, item.cate_name)">{{item.cate_name}}</view>
				</scroll-view>
				
				<!-- 商品 -->
				<view class="shopBox" style="height: inherit;">
					<view class="cateTit" v-if="goodsList.length"><u-divider color="#282828">{{goodsName}}({{count}})</u-divider></view>
					<view v-else style="position: absolute;top: 30%;left: 50%;transform: translate(-50%, -50%);">
						<u-empty text="暂无商品" mode="list" icon-size="550" src="https://cos.ryz1620.com/liankun/static/nullBg.png"></u-empty>
					</view>
					<scroll-view class="shopList" style="height: inherit;" scroll-y  @scrolltolower="l_cStorescroll">
						<view class="shopItem" v-for="(item,index) in goodsList" :key="index">
							<image :src="item.main_imgurl" mode="" @click="toProduct(item.product_id,item.activity_type)"></image>
							<view class="shopInfo">
								<view class="shopTitle omit-1" @click="toProduct(item.product_id,item.activity_type)">{{item.product_title}}</view>
								<view class="buyNum">已有{{item.volume}}人购买</view>
								<view class="shopPrice">
									￥{{item.price}}
									<view class="delPrice">
										<text>￥{{item.primary_price}}</text>
										<view class="specBtn" @click="showSizePop(item)">
											选规格<i class="s_unm" v-if="getGoodsItemNum(item) > 0">{{getGoodsItemNum(item)}}</i>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
			
			<!-- 探店 -->
			<view class="s_cSwiper-item" v-if="tabsIndex==1">
				<view class="coms">
					<view class="tabtand" :class="{active:tabcons==0}" @click="tabcoms(0)"><text
							class="iconfont iconhuaban19"></text>图文</view>
					<view v-if="mediaShow" class="tabtand" :class="{active:tabcons==1}" @click="tabcoms(1)"><text
							class="iconfont iconhuaban20"></text>视频</view>
				</view>
				<view class="s_dynamic" v-if="tabcons==0">
					<scroll-view class="s_dList" scroll-y @scrolltolower="tarndscroll">
						<view class="s_dContain">
							<view class="no-card" v-if="TrendList.length==0">
								<image src="https://manager.ryz1620.com/static/my/sm.png"></image>
								<text>暂无探店动态~</text>
							</view>
							<view class="s_dItem" v-for="(item,index) in TrendList" :key="index">
								<view class="s_dTime">{{item.create_time | formatDate}}</view>
								<view class="s_dTags" @click="malldemo(item.id)">
									<view class="s_dTag">
										<view class="s_dTag-icon">
											<image src="/static/common/icon_topic.png"></image>
										</view>
										<text>{{item.title}}</text>
									</view>
								</view>
								<view class="s_dCont">
									<view class="s_dText" @click="malldemo(item.id)">
										<view class="omit-3">{{item.content}}</view>
										<view class="s_dAll" v-if="item.content.length > 100">全文</view>
									</view>
									<view class="s_dImgs">
										<view class="s_dImg" @tap.stop="preview(indexs,item.media)"
											v-for="(items,indexs) in item.media" :key="indexs"
											v-if="indexs<9">
											<image :src="items.path"></image>
										</view>
									</view>
								</view>
								<view class="s_dFuns">
									<view class="s_dFun" @click="popShareToPicture(item.id)">
										<view class="s_dFIcon iconfont icon-transpond"></view>
										<text>转发</text>
									</view>
									<view class="s_dFun" @tap.stop="dyna_showComment(item)">
										<view class="s_dFIcon iconfont icon-comments"></view>
										<text>{{item.comment_num}}</text>
									</view>
									<view class="s_dFun" @click="trendStore(item,index)">
										<view class="s_dFIcon" v-if="item.support_status == 1">
											<image src="/static/common/icon_collection.png"></image>
										</view>
										<view class="s_dFIcon" v-else>
											<image src="/static/common/icon_collection2.png"></image>
										</view>
										<text>{{item.support_num}}</text>
									</view>
								</view>
							</view>
				
						</view>
					</scroll-view>
				</view>
				<view class="s_dynamic" v-if="tabcons==1">
					<scroll-view class="s_dList" scroll-y @scrolltolower="tarndscroll">
						<view class="s_dContain">
							<view class="no-card" v-if="TrendList.length==0">
								<image src="https://manager.ryz1620.com/static/my/sm.png"></image>
								<text>暂无探店视频动态~</text>
							</view>
							<view class="i_cList">
								<view class="i_cLeft" v-for="(item,index) in 2">
									<view class="i_cItem" v-if="indexs%2==index"
										v-for="(items,indexs) in TrendList" :key="indexs"
										@click="malldemos(items.id)">
										<view class="i_cImage">
											<image :src="items.media[0].cover" mode="widthFix"></image>
										</view>
										<view class="i_cTag">
											<view class="i_ctIcon">
												<image src="/static/common/icon_topic.png"></image>
											</view><text>{{items.title}}</text>
										</view>
										<view class="i_cText omit-2">{{items.content}}</view>
										<view class="i_cUser">
											<view class="i_cPraise" @tap.stop="trendStore(items,indexs)">
												<view class="i_cpIcon" v-if="items.support_status == 1">
													<image src="@/static/common/icon_collection.png">
													</image>
												</view>
												<view class="i_cpIcon" v-else>
													<image src="@/static/common/icon_collection2.png">
													</image>
												</view>
												<view class="i_cpTxt">{{items.support_num}}</view>
											</view>
											<view class="i_cHead">
												<image :src="items.user_id.avatar.path"></image>
											</view>
											<view class="i_cName omit-1">{{items.user_id.username}}</view>
										</view>
									</view>
								</view>
							</view>
				
						</view>
					</scroll-view>
				</view>
			</view>
			
			<!-- 店铺信息 -->
			<view class="s_cSwiper-item" v-if="tabsIndex==2">
				<view class="shopgoods">
					<view class="shoptops">店铺信息</view>
					<view class="shopcell">店铺:{{storeInfo.store_name}}</view>
					<view class="shopcell">地址:{{storeInfo.address}}</view>
					<view class="shopcell">电话:{{storeInfo.mobile}}</view>
					<view class="shopcell">服务:{{storeInfo.store_detail}}</view>
					<view style="overflow: hidden;">
					<!-- #ifndef MP-WEIXIN -->
					<view class="cellservice" @tap="toCustomer()"><text class="iconfont icon-comment2"></text>客服</view>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view class="cellservice" v-if="!config_id && !config_url" @tap="toCustomer()"><text class="iconfont icon-comment2"></text>客服</view>
					<view class="cellservice" v-else @click="gitpouchatshow"><text class="iconfont icon-comment2"></text>客服</view>
					<!-- #endif -->
					</view>
					<view style="overflow: hidden;">
					 <view class="cellservice" @click="openLocation()"><text class="iconfont icon-tubiaozhizuomoban1"></text>导航</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 结算按钮 -->
		<view class="settBtn">
			<view class="btnBox">
				<view class="left" @tap="switchCart">
					<view class="leftImg">
						<image :src="`${baseImg}/static/adminShop/storeNew/shopCart.png`" mode=""></image>
						<u-badge type="error" absolute :count="cart.num" :offset='[-2,-20]'></u-badge>
					</view>
					总计 ￥<text>{{cart.price}}</text>
				</view>
				<button class="right" @click="toCartList" :class="{'active':cartListStatus}" :disabled="cartListStatus">去购物车结算</button>
			</view>
		</view>
		
		<!-- 弹窗-规格 -->
		<view class="Size" v-if="sizePop" @touchmove.stop.prevent>
			<view class="S_bg"></view>
			<view class="S_box">
				<view class="S_bCloak" @tap="hideSizePop"></view>
				<view class="S_bContain">
					<view class="S_bClose" @tap="hideSizePop">
						<view class="S_bcIcon"><text class="iconfont icon-cancel"></text></view>
					</view>
					<view class="S_bInfo">
						<view class="S_biHead">
							<image :src="cartdata.main_imgurl" mode="aspectFit"></image>
						</view>
						<view class="S_biCan">
							<view class="S_biFee">¥<text>{{cartdata.price}}</text></view>
							<view class="S_biTip">
								<view class="yprice" style="margin-top: 0;" v-if="cartdata.rate_price">
									<i>底价</i>￥<text>{{cartdata.rate_price}}</text></view>
							</view>
							<!-- <view class="S_biRemark">编号：1000320203</view> -->
						</view>
					</view>
					<scroll-view class="S_bConfig" scroll-y>
						<view class="S_bcCan">
							<view class="S_bcGroup" v-for="(items,index1) in cartdata.parameter">
								<view class="S_bcTit">{{items.specifs}}</view>
								<view class="S_bcChecks">
									<view class="S_bcCheck" v-for="(item,index2) in items.child"
										@click="checkedEvent(item,index1)" :class="{'checked':item.checked}">
										{{item.specif}}</view>
								</view>
							</view>
							<view class="S_bcGroup">
								<view class="S_bcTit">数量</view>
								<view class="S_bcNums">
									<view class="S_bcMinus" @click="minusSizeCart"></view>
									<view class="S_bcNum"><input type="number" v-model="sizeNum"/></view>
									<view class="S_bcAdd" @click="addSizeCart"></view>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="S_bBtns">
						<view class="S_bbBtn1" @click="addCart" style="width: 100%;">加入购物车</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 购物车 -->
		<view class="s_cart" v-if="cartShow">
			<view class="s_cBg" @tap="switchCart"></view>
			<view class="s_cBox">
				<view class="s_cTop">
					<view class="s_cTip"><text v-if="cart.sumCheapPrice">折扣已减{{cart.sumCheapPrice}}元</text></view>
					<view class="s_cClear" @click="closecart">清空购物车</view>
				</view>
				<view class="s_cBtm">
					<template v-if="cart.list.length">
						<view class="s_cItem" v-for="(item, index) in cart.list" :key="item.id">
							<view class="s_cImage" v-if="item.main_imgurl">
								<image :src=" item.main_imgurl" mode="widthFix"></image>
							</view>
							<view class="s_cImage" v-else>
								<image :src="`${baseImg}/static/mall/posters.png`" mode="widthFix"></image>
							</view>
							<view class="s_cCont">
								<view class="s_cName omit-2">{{item.product_title}}</view>
								<view class="s_cFee">￥<text>{{item.price}}</text></view>
								<view class="yprice" v-if="item.rate_price"><i>底价</i>￥<text>{{item.rate_price}}</text>
								</view>
								<view class="s_cOper">
									<view class="s_cAdd" @tap="addCart_cart(item)">
										<image src="/static/mall/icon_add.png"></image>
									</view>
									<view class="s_cNum">{{item.cart_num}}</view>
									<view class="s_cMinus" @tap="minusCart_cart(item)">
										<image src="/static/mall/icon_minus.png"></image>
									</view>
								</view>
							</view>
						</view>
					</template>
					<template v-else>
						<view class="s_cNodata">购物车没有商品，快去添加一件吧</view>
					</template>
				</view>
			</view>
		</view>
		
		<!-- 弹窗 - 评论 -->
		<view class="p_evalute" :class="{'active': commentPop}" @touchmove.stop.prevent="moveHandle">
			<view class="p_eBg"></view>
			<view class="p_eBox">
				<view class="p_eShim" @tap="commentPop = false"></view>
				<view class="p_eContain">
					<view class="p_eClose" @tap="commentPop = false">
						<view class="iconfont icon-cancel"></view>
					</view>
					<view class="p_eTitle">共{{trend_idnum}}条评论</view>
					<scroll-view class="p_eList" scroll-y @scrolltolower="dync_commentNext">
						<view v-for="comment in commentList" :key="comment.id">
							<view class="p_eItem">
								<view class="p_eHead" v-if="comment.user_id.avatar.path">
									<image :src="comment.user_id.avatar.path"></image>
								</view>
								<view class="p_eHead" v-else>
									<image src="https://manager.ryz1620.com/static/my/avator.png"></image>
								</view>
								<view class="p_eCont">
									<view @tap="dync_commentSelectReply(comment.id, comment.user_id.username)">
										<view class="p_eName">{{comment.user_id.username}}
											<!-- <view class="p_eAuth">作者</view> -->
										</view>
										<view class="p_eTxt">{{comment.content}}</view>
										<view class="p_eTxt">
											<view class="p_eTip" style="padding-left: 0;">{{comment.createTime}}</view>
											<view class="p_eTip" @tap.top="getcommentdel(comment.id)"
												v-if="comment.user_id.id == useid">删除</view>
											<view class="p_eTip" v-else style="color: #333;">回复</view>
										</view>
									</view>
									<view class="p_eIts">
										<view v-for="reply in comment.sub_reply">
											<view class="p_eiItem"
												@tap="dync_commentSelectReply(reply.id, reply.user_id.username)">
												<view class="p_eiHead" v-if="reply.user_id.avatar.path">
													<image :src="reply.user_id.avatar.path"></image>
												</view>
												<view class="p_eHead" v-else>
													<image src="https://manager.ryz1620.com/static/my/avator.png"></image>
												</view>
												<view class="p_eiCont">
													<view class="p_eiName">{{reply.user_id.username}}</view>
													<view class="p_eiTxt">
														<view v-if="reply.isReplay"
															style="color: #666; font-size: 20rpx;">
															回复<text
																class="p_eiReply">{{reply.reply_id.username}}</text>：
														</view>
														{{reply.content}}
													</view>
													<view class="p_eiTxt">
														<view class="p_eiTip">{{reply.createTime}}</view>
														<view class="p_eiTip" @tap.top="getcommentdel(reply.id)"
															v-if="reply.user_id.id == useid">删除</view>
														<view class="p_eiTip" v-else style="color: #333;">回复</view>
													</view>
		
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="p_eReply">
						<view class="p_erSend" v-if="!commentIsReply" @click="dync_comment">发送</view>
						<view class="p_erSend" v-else @click="dync_commentReply">发送</view>
						<view class="p_erInput">
							<!-- <view class="p_erIcon"><view class="iconfont icon-brow"></view></view> -->
							<input type="text" placeholder-class="placeholder" :focus="commentFocus" v-model="content"
								:placeholder="commentReplyName ? '回复 @' + commentReplyName + ':' : '评论一下吧~'"
								@confirm="dync_comment" @input="inputKey($event, 'comment')" />
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 微信客服 -->
		<view class="pouchat" v-if="pouchatshow">
		  <view class="poucont">	
			<view class="chatlist">
				<view class="chatml" @click="gitwxchat()" v-if="config_url">
					<image src="https://manager.ryz1620.com/static/my/wxchat.png" mode="widthFix"></image>
					<text class="t1">在线微信客服</text>
					<text class="t2">可直接联系客服</text>
				</view>
				<view class="chatml" v-if="config_id">
					<cell class="cell-service" bind:startmessage='startmessage' bind:completemessage="completemessage" :plugid="config_id"/>
					<image src="https://manager.ryz1620.com/static/my/codechat.png" mode="widthFix"></image>
					<text class="t1">添加微信客服</text>
					<text class="t2">扫微信二维码</text>
				</view>
			</view>
			<view class="iconfont icon-close" @click="wxCodeClick"></view>
		  </view>	
		</view>
		
	</view>
</template>

<script>
	import URL from '@/config/url.js'
	import navBar from '@/components/navBar/navBar.vue'
	import service_mall from '@/service/mall.js'
	import LivePlayer from '@/service/player.js'
	export default{
		data(){
			return{
				keyword:'',
				baseImg:this.$static,
				openStatus:false,
				tabsList:[{
					name:'全部商品'
				},{
					name:'探店'
				},{
					name:'信息'
				}],
				tabsIndex:0,
				tabsBottomStyle: {
					'border-radius': ' 4rpx 4rpx 0rpx 0rpx',
					width: '40rpx',
					height: '8rpx',
					bottom: '-8rpx',
					background: '#D8B270'
				},
				shopHeight:395,
				cateActiveIndex:0,
				tabcons:0,
				TrendList:[],
				// 购物车
				cartShow: false,
				cart: {
					num: 0,
					price: 0,
					initialPrice: 0,
					sumCheapPrice: 0,
					list: []
				},
				sizePop: false,
				storeId:42,
				storeInfo:{},
				
				// 商品分类数据
				navId: null, // 当前所选中分类
				navList: null,
				// 商品数据
				goodsName: null,
				goodsList: [],
				pageunm:1,
				count:0,
				
				type:'',
				cartdata: '',
				sizeNum: 1,
				
				TrendPage: 1,
				TrendList: [],
				commentPop: false,
				commentPage: 0,
				commentLoading: false,
				trend_id: '',
				trend_idnum: '',
				commentTime: 0,
				commentList: [],
				content: '',
				useid: '',
				commentIsReply: false,
				commentReplyId: '',
				commentReplyName: '',
				pageunm: 1,
				navBackground: 'transparent',
				navBackColor: '#939393',
				commentFocus:false,
				config_id:"",
				config_url:'',
				pouchatshow:false,
				mediaShow:false, //是否展示动态视频显示
				storeInfoHeight:0,//店铺详情标签高度
				lat:'',
				lng:'',
				scale: 16,
				markers: [{
					id: 1, // 使用 marker点击事件 需要填写id
					latitude: '',
					longitude: '',
					iconPath: this.$static + '/static/map/starPoint.png'
				}, {
					id: 2, // 使用 marker点击事件 需要填写id
					latitude: '',
					longitude: '',
					iconPath: this.$static + '/static/map/endPoint.png'
				}]
			}
		},
		onLoad(options) {
			this.getDomEle()
			this.gitMarket()
			// this.getHeight()
			this.$utils.getUrl()
			let scene = decodeURIComponent(options.scene) //二维码扫码时的参数
			// console.log(scene, '二维码参数')
			// console.log(options, '转发时参数')
			scene = scene.split("&");
			let obj = {}
			for (let i = 0; i < scene.length; i++) {
				let newscene = scene[i].split("=");
				obj[newscene[0]] = newscene[1];
			}
			// console.log(obj, 'objobj')
			// testCode 
			let app = getApp()
			if (obj.store_id) {
				this.storeId = obj.store_id
			} else if (app.globalData.storeId) {
				this.storeId = app.globalData.storeId
			} else if (obj.storeId) {
				this.storeId = obj.storeId
			}else {
				this.storeId = options.storeId
			}
			// console.log(this.storeId, '店铺id')
			
			if (app.globalData.share_uid) {
				this.useid = app.globalData.share_uid
			} else {
				this.useid = uni.getStorageSync('userId')
			}
			// console.log(this.useid, '分享者id')
			
			let token = uni.getStorageSync('token')
			if (options.share_uid) {
				let shareuId = options.share_uid
				this.$store.commit('index/SET_shareuId', shareuId)
				if (token && shareuId) {
					service_mall.getPromoter({
							share_uid: shareuId
						})
						.then(res => {})
				}
			}
			
			this.getDetail()
			this.getGoodsNav()
			this.gitConfig()
			this.gitwxConfig()
			if (token) {
				this.CartList()
			}
			//收起键盘
			uni.onKeyboardHeightChange(res => {
			})
		},
		computed: {
			cartListStatus() {
				if (this.cart.list.length) {
					return false
				} else {
					return true
				}
			}
		},
		onShow() {
			this.getLvieConfig()
		},
		onShareAppMessage(res) {
			let that = this
			if (res.from === 'button') {}
			return {
				title: this.storeInfo.store_name,
				path: '/pages_mall/pages/mall/store/storeNew?storeId=' + this.storeId + '&share_uid=' + this.useid,
				success: function(res) {

				}
			}
		},
		onShareTimeline(res) {
			if (res.from === 'menu') {
			}
			return {
				title: this.storeInfo.store_name,
				path: '/pages_mall/pages/mall/store/storeNew?storeId=' + this.storeId + '&share_uid=' + this.useid,
				success: function(res) {
				
				}
			};
		},
		filters: {
			formatDate(value) {
				let date = new Date(parseInt(value) * 1000);
				let y = date.getFullYear();
				let m = date.getMonth() + 1;
				m = m < 10 ? "0" + m : m;
				let d = date.getDate();
				d = d < 10 ? "0" + d : d;
				let h = date.getHours();
				h = h < 10 ? "0" + h : h;
				let minute = date.getMinutes();
				let second = date.getSeconds();
				minute = minute < 10 ? "0" + minute : minute;
				second = second < 10 ? "0" + second : second;
				return y + "-" + m + "-" + d + " " + h + ":" + minute + ":" + second;
			}
		},
		methods:{
			//直播配置开关(动态视频开关)
			getLvieConfig() {
				LivePlayer.getLvieConfig()
					.then(res => {
						if (res.code === 1) {
							// console.log(res.data);
							if (res.data.value == 0) {
								this.mediaShow = false
							} else {
								this.mediaShow = true
							}
						} else {
						}
					})
					.catch(err => {
						console.log(err);
					});
			},
			// 获取卖场信息
			gitMarket() {
				service_mall.Market({}).then(res => {
					if (res.code == 1) {
						let market_id = uni.getStorageSync('Marketid') || 1
						res.data.forEach(val => {
							if (val.id == market_id){
								this.lat = val.lat 
								this.lng = val.long
								this.markers[1].latitude = val.lat
								this.markers[1].longitude = val.long
								
								wx.getLocation({
								    type: 'gcj02', //wgs84/gcj02
								    success: res => {
										console.log(res)
										this.markers[0].latitude = res.latitude
										this.markers[0].longitude = res.longitude
								    }
								})
								
							}
						})
					}
				});
			},
			
			rad(d) {
			    return d * Math.PI / 180.0;
			},
			
			// 根据经纬度计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度
			getDistances(lat1, lng1, lat2, lng2) {
			
			    var radLat1 = this.rad(lat1);
			    var radLat2 = this.rad(lat2);
			    var a = radLat1 - radLat2;
			    var b = this.rad(lng1) - this.rad(lng2);
			    var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
			        Math.cos(radLat1) * Math.cos(radLat2) * Math.pow(Math.sin(b / 2), 2)));
			    s = s * 6378.137; // EARTH_RADIUS;
			    // 输出为公里
			    s = Math.round(s * 10000) / 10000;
			
			    var distance = s;
			    var distance_str = "";
			
			    if (parseInt(distance) >= 1) {
			        // distance_str = distance.toFixed(1) + "km";
			        distance_str = distance.toFixed(2) + "km";
			    } else {
			        // distance_str = distance * 1000 + "m";
			        distance_str = (distance * 1000).toFixed(2) + "m";
			    }
			
			//     s=s.toFixed(4);
			
			//     console.info('距离是', s);
			//     console.info('距离是', distance_str);
			//     return s;
			    
			    //小小修改，这里返回对象
			    let objData = {
			        distance: distance,
			        distance_str: distance_str
			    }
			    return objData
			},
			// 导航
			openLocation(){
				let distances = this.getDistances(this.lat,this.lng,this.markers[1].latitude,this.markers[0].longitude)
				if(distances.distance < 0.1){
					uni.showModal({
					    title: '提示',
					    content: '已到达联坤家居附近，是否切换联坤室内地图?',
					    success:  (res)=> {
					        if (res.confirm) {
								uni.navigateTo({
									url: '/pages_mall/pages/mall/store/webviewmap'
								})
					        } else{
								uni.openLocation({
								    latitude: Number(this.lat),
								    longitude: Number(this.lng),
								    name: this.storeInfo.address,
								    scale: 12,
								    success: function () {
								      // console.log('success');
								    },
									fail:function () {
								      console.log('');
								    },
								 });
							}
					    }
					});
				}else{
					uni.openLocation({
					    latitude: Number(this.lat),
					    longitude: Number(this.lng),
					    name: this.storeInfo.address,
					    scale: 12,
					    success: function () {
					      // console.log('success');
					    },
						fail:function () {
					      console.log('');
					    },
					 });
				}
			},
			//3d 跳转到地图
			mapfunc(){
				uni.navigateTo({
					url: '/pages_mall/pages/mall/store/webviewmap'
				})
			},
			
			// 打开更多文字
			openText(){
				this.openStatus = !this.openStatus
				this.getDomEle()
				// this.getHeight()
			},
			
			// 获取元素高度
			getDomEle() {
			    this.$nextTick(()=>{
			    	const query = uni.createSelectorQuery().in(this);
			    	query.select('#storeInfo').boundingClientRect(data => {
			    	    // console.log(data)
						this.storeInfoHeight = data.height
						this.getHeight()
			    	}).exec();
			    })
			},
			// getHeight
			getHeight(){
				uni.getSystemInfo({
				    success:res=>{
						let getWindowHeight = res.windowHeight*1;
						let navBarHeight = uni.getStorageSync('StatusBarHeight').height*1;
						this.shopHeight = getWindowHeight - navBarHeight - this.storeInfoHeight - 47 - 84;
						// console.log(getWindowHeight,navBarHeight,this.storeInfoHeight,this.shopHeight)
						
				    }
				});
			},
			
			
			// 切换tabs
			selectTabs(item){
				this.tabsIndex = item
				if(item==0){
					this.pageunm = 1
					this.goodsList = []
					this.getGoods()
				}
			},
			
			// 获取企业微信callme配置
			gitConfig() {
				service_mall.getCallMeConfig({ partner_type: 'shop', partner_id: this.storeId }).then(res => {
					if (res.code == 1) {
						this.config_id = res.data.config_id;
					}
				});
			},
			gitwxConfig() {
				service_mall.getwxMeConfig({ partner_type: 'shop', partner_id: this.storeId }).then(res => {
					if (res.code == 1) {
						this.config_url = res.data.url;
					}
				});
			},
			
			getGoodsItemNum(data) {
				if (this.cart.list.length < 1) {
					return 0
				}
				let num = 0;
				this.cart.list.map(item => {
					if (item.product_id == data.product_id) {
						num += item.cart_num
					}
				})
				return num
			},
			
			gitpouchatshow(){
				this.pouchatshow = true
			},
			wxCodeClick(){
				this.pouchatshow = false
			},
			gitwxchat(){
				wx.openCustomerServiceChat({
				  extInfo: {url: this.config_url},
				  corpId: this.$env.CORPID,
				  success(res) {}
				})
			},
			// 联系客服
			toCustomer() {
				uni.showToast({
					title: '哎呀!不好意思，暂未配置客服...',
					icon: 'none',
					duration: 2000
				});
				// uni.navigateTo({
				// 	url: '/pages_customer/pages/index?partner_type=shop&partner_id=' + this.storeId + '&tpyes=1'
				// });
			},
			
			// 切换商品分类
			changeCate(index, navId, navName){
				// console.log(navName,'navNAME')
				this.cateActiveIndex = index
				if (this.navId != navId) {
					this.navId = navId
					this.pageunm = 1
					this.goodsList = []
					this.getGoods(navId, navName)
				}
			},
			
			tabcoms(e) {
				this.tabcons = e
				this.TrendPage = 1
				this.TrendList = []
				this.getTrend()
			},
			
			// 展示or隐藏购物车
			switchCart() {
				this.cartShow = !this.cartShow
			},
			
			// 商品详情
			toProduct(e,type) {
				if(type==2){
					uni.navigateTo({
						url: `/pages_now/pages/now/groupon/goods/details?id=${e}`
					})
				}else{
					uni.navigateTo({
						url: `/pages_mall/pages/mall/goods_details/goods_details?id=${e}`
					})
				}
				
			},
			
			// 弹窗-规格
			showSizePop(item) {
				this.cartdata = item
				this.sizeNum = 1
				this.sizePop = true
			},
			hideSizePop() {
				this.sizePop = false
			},
			// 添加数量
			addSizeCart() {
				this.sizeNum++
			},

			// 删减购物车-规格弹窗
			minusSizeCart() {
				if (this.sizeNum > 1) this.sizeNum--
			},
			//选择规格
			checkedEvent(data, index1) {
				if (data.checked) {
					this.$set(data, "checked", false)
				} else {
					this.cartdata.parameter[index1].child.map(item => {
						this.$set(item, "checked", false)
					})
					this.$set(data, "checked", true)
					this.get_keys()
				}
			},
			get_keys() {
				let keys = [];
				this.cartdata.parameter.map((item1, index1) => {
					let checkedItem = item1.child.find(r => r.checked)
					if (checkedItem) {
						keys.push({
							key: item1.specifs,
							value: checkedItem.specif
						})
					}
				})
				this.keys = keys
				let sku_lst = this.cartdata.sku_lst
				for (let i = 0; i < sku_lst.length; i++) {
					if (JSON.stringify(sku_lst[i].attribute) == JSON.stringify(keys)) {
						this.sku_id = sku_lst[i].sku_id
						this.cartdata.price = sku_lst[i].price
						this.cartdata.rate_price = sku_lst[i].rate_price
						this.cartdata.stockNum = sku_lst[i].num
					}
				}
			},
			// 添加购物车
			addCart() {
				// 先判断库存是否足够
				if (this.cartdata.stockNum < this.sizeNum) {
					uni.showToast({
						title: '库存不足',
						icon: 'none'
					})
					return
				}
				let token = uni.getStorageSync('token');
				if (!token) {
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index',
					});
					return
				}
				if (this.cartdata.specs_type == 1 && this.cartdata.sku_lst.length > 0) { //单
					this.sku_id = this.cartdata.sku_lst[0].sku_id
				}
				if (this.cartdata.specs_type == 2 && !this.sku_id) {
					uni.showToast({
						title: '请选择规格',
						icon: 'none',
						duration: 2000
					});
					return
				}
				service_mall.goods_getadd({
						product_id: this.cartdata.product_id,
						type: 1,
						sku_id: this.sku_id,
						num: this.sizeNum || 1
					})
					.then(res => {
						if (res.code == 1) {
							uni.showToast({
								title: "添加购物车成功",
								icon: "success"
							})
							this.CartList()
							this.sizePop = false
						}
					})
			},
			// 查看店铺购物车
			CartList() {
				service_mall.goods_getlist({
						store_id: this.storeId
					})
					.then(res => {
						// console.log(res, '店铺购物车')
						if (res.code == 1) {
							let cartdata = []
							let cart_num = 0,
								price = 0,
								initialPrice = 0; //rate_price
							if (res.data.shop[0]) {
								cartdata = res.data.shop[0].medical_list
								cartdata.map(item => {
									cart_num = this.$utils.accAdd(cart_num, item.cart_num);
									price = this.$utils.accAdd(price, this.$utils.accMul(item.cart_num, item
										.price));
									initialPrice = this.$utils.accAdd(initialPrice, this.$utils.accMul(item
										.cart_num, item.primary_price));
								})
							} else {
								cartdata = []
							}
							this.cart.list = cartdata;
							this.cart.num = cart_num
							this.cart.price = price
							this.cart.initialPrice = initialPrice
						}
					})
			},
			
			// 添加购物车-购物车
			addCart_cart(item) {
				service_mall.goods_numSave({
					id: item.id,
					num: item.cart_num + 1
				}).then(res => {
					if (res.code == 1) {
						this.CartList()
					}
				})
			},
			//清空购物车
			closecart() {
				uni.showModal({
					title: '提示',
					content: '确认清空购物车?',
					success: (res) => {
						if (res.confirm) {
							service_mall.goods_clear({
								store_id: this.storeId,
							}).then(res => {
								if (res.code == 1) {
									this.cart.list = []
									this.cart.num = ''
									this.cart.price = 0
									this.cart.initialPrice = ''
									// this.CartList()
								}
							})
						} else if (res.cancel) {

						}
					}
				});
			},
			// 删减购物车-购物车
			minusCart_cart(item) {
				if (item.cart_num > 1) {
					service_mall.goods_numSave({
						id: item.id,
						num: item.cart_num - 1
					}).then(res => {
						if (res.code == 1) {
							this.CartList()
						}
					})
				} else {
					uni.showModal({
						title: '提示',
						content: '确认删除该项?',
						success: (res) => {
							if (res.confirm) {
								service_mall.goods_del({
									id: item.id,
								}).then(res => {
									if (res.code == 1) {
										this.CartList()
									}
								})
							} else if (res.cancel) {

							}
						}
					});
				}
			},
			// 获取商家信息
			getDetail() {
				let storeId = this.storeId
				service_mall.store_getDetail({
						store_id: storeId
					})
					.then(res => {
						if (res.code == 1) {
							let data = res.data
							this.storeInfo = data
							this.getTrend()
						}
					})
					.catch(err => {
			
					})
			},
			
			// 获取商品分类
			getGoodsNav() {
				service_mall.store_getGoodsNav({
						store_id: this.storeId
					})
					.then(res => {
						if (res.code == 1) {
							let navList = res.data
							let firstId = navList[0].cate_id
							let firstName = navList[0].cate_name
							this.navList = navList
							this.navId = firstId
							this.goodsName = firstName
							this.getGoods(firstId, firstName)
						}
					})
					.catch(err => {
			
					})
			},
			// 搜索
			searchData() {
				this.pageunm = 1
				this.goodsList = []
				this.getGoods()
			},
			// 清空输入框
			clearSearch(){
				if(this.keyword==''){
					this.pageunm = 1
					this.goodsList = []
					this.getGoods()
				}
			},
			
			// 加载更多商品
			l_cStorescroll() {
				this.pageunm++
				this.getGoods()
			},
			
			// 获取商品数据
			getGoods(navId, navName, callback) {
				service_mall.store_getGoods({
						store_id: this.storeId,
						cate_id: this.navId,
						page: this.pageunm,
						keyword: this.keyword
					})
					.then(res => {
						if (res.code == 1) {
							this.count = res.data.count
							this.goodsName = navName
							let goodsList = res.data.data
							// 处理数据
							for (var i = 0; i < goodsList.length; i++) {
								this.goodsList.push(goodsList[i]); // 加载的数据追加在上一页后面
							}
							// console.log(this.goodsList,'商品列表')
							if (typeof callback === 'function') callback()
						}
					})
					.catch(err => {

					})
			},
			
			// 关注or取消关注店铺
			focusStore({
				isSure = false
			} = {}) {
				let follow = this.storeInfo.user_follow_status
				if (follow != 0) {
					this.type = 2
					uni.showModal({
						title: '提示',
						content: '确认取消关注?',
						success: (res) => {
							if (res.confirm) {
								service_mall.store_follow({
										store_id: this.storeId,
										type: this.type
									})
									.then(res => {
										if (res.code == 1) {
											this.storeInfo.user_follow_status = this.type == 1
											this.storeInfo.fans_num += this.type == 1 ? 1 : -1
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
								this.popFocus = false
			
							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					this.type = 1
					service_mall.store_follow({
							store_id: this.storeId,
							type: this.type
						})
						.then(res => {
							if (res.code == 1) {
								this.storeInfo.user_follow_status = this.type == 1
								this.storeInfo.fans_num += this.type == 1 ? 1 : -1
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})
					this.popFocus = false
				}
			},
			
			// 获取探店动态列表
			getTrend() {
				let TrendPage = this.TrendPage
				service_mall.gitTrend({
						page: TrendPage,
						type: this.tabcons,
						partner_type: 'shop',
						partner_id: this.storeInfo.store_id
					})
					.then(res => {
						// console.log(res)
						if (res.code == 1) {
							let data = res.data
							for (var i = 0; i < data.length; i++) {
								this.TrendList.push(data[i]); // 加载的数据追加在上一页后面
							}
						}
					})
			},
			
			// 跳转-海报页面
			popShareToPicture(id) {
				uni.navigateTo({
					url: '/pages_design/pages/design/dynamic/share?trendId=' + id
				})
			},
			// 探店点赞
			trendStore(item, index) {
				// console.log(index)
				let status = item.support_status
				if (status == 1) {
					uni.showModal({
						title: '提示',
						content: '确认取消点赞?',
						success: (res) => {
							if (res.confirm) {
								service_mall.gitTrendstatus({
										trend_id: item.id,
										status: 0
									})
									.then(res => {
										if (res.code == 1) {
											this.TrendList[index].support_status = 0
											this.TrendList[index].support_num--
										} else {
											this.$utils.showErr({
												title: res.msg
											})
										}
									})
							} else if (res.cancel) {
								return
							}
						}
					});
				} else {
					service_mall.gitTrendstatus({
							trend_id: item.id,
							status: 1
						})
						.then(res => {
							if (res.code == 1) {
								this.TrendList[index].support_status = 1
								this.TrendList[index].support_num++
							} else {
								this.$utils.showErr({
									title: res.msg
								})
							}
						})
			
				}
			
			},
			
			// 探店详情
			malldemo(id) {
				uni.navigateTo({
					url: `/pages_design/pages/design/dynamic/dynamic?trendId=${id}`
				})
			},
			// 微视详情
			malldemos(id) {
				uni.navigateTo({
					url: `/pages_design/pages/design/dynamic/player?trendId=${id}`
				})
			},
			
			// 输入框输入内容事件
			inputKey(event, key) {
				this[key] = event.detail.value
			},
			// 展示设计动态的评论框
			dyna_showComment(item) {
				this.trend_id = item.id
				this.trend_idnum = item.comment_num
				this.commentPage = 0
				this.commentPop = true
				this.commentLoading = false
				this.commentList = []
				this.dyna_getComment()
			},
			// 获取设计动态的评价内容
			dyna_getComment() {
				if (!this.commentLoading) {
					this.commentLoading = true
					this.commentTime++
					let commentTime = this.commentTime
					let commentPage = this.commentPage + 1
					// console.log(commentPage)
					// 获取评论数据
					service_mall.getCommentList({
							trend_id: this.trend_id,
							page: commentPage
						})
						.then(res => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false

								if (res.code == 1) {
									let data = res.data
									let list = this.commentList || []
									// 处理数据
									let nowTime = Date.now()
									for (let i = 0; i < data.length; i++) {
										data[i].create_time *= 1000
										data[i].createTime = this.$utils.getDateDiff(data[i].create_time)
										// 处理回复数据
										let replayList = data[i].sub_reply
										if (replayList && replayList.length) {
											for (let j = 0; j < replayList.length; j++) {
												replayList[j].create_time *= 1000
												replayList[j].createTime = this.$utils.getDateDiff(replayList[j]
													.create_time, )

												// 是否是回复 回复数据 的数据
												if (data[i].id !== replayList[j].parent_id) replayList[j].isReplay =
													true
											}
										}
										// 保存数据
										list.push(data[i])
									}

									this.commentPage++
									this.commentList = list
								}
							}
						})
						.catch(err => {
							if (this.commentTime === commentTime) {
								this.commentLoading = false
							}
						})
				}
			},
			// 评论
			dync_comment() {
				let content = this.content
				service_mall.getcomment({
						trend_id: this.trend_id,
						content: content
					})
					.then(res => {
						if (res.code == 1) {
							this.TrendPage = 1
							this.TrendList = []
							this.commentPage = 0
							this.commentList = []
							this.trend_idnum++
							this.content = ''
							this.dyna_getComment()
							this.getTrend()
						}
					})
					.catch(err => {

					})
			},
			// 回复他人评论
			dync_commentSelectReply(id, name) {
				this.commentIsReply = true
				this.commentReplyId = id
				this.commentReplyName = name
			},
			// 发布回复评论
			dync_commentReply() {
				service_mall.getcommentreply({
						comment_id: this.commentReplyId,
						content: this.content
					})
					.then(res => {
						if (res.code == 1) {
							this.commentIsReply = false
							this.commentPage = 0
							this.commentList = []
							this.content = ''
							this.commentReplyId = ''
							this.commentReplyName = ''
							this.dyna_getComment()
						}
					})
					.catch(err => {

					})
			},
			
			
			//去结算
			toCartList() {
				let token = uni.getStorageSync('token');
				if (!token) {
					uni.navigateTo({
						url: '/pages_login/pages/login/login/index',
					});
				} else {
					// uni.navigateTo({ url: "/pages_mall/pages/mall/cart/cart" })
					if (this.cart.list == []) {
						uni.showToast({
							title: '请选择选择商品',
							icon: 'none',
							duration: 2000
						});
						return
					} else {
						let list = this.cart.list
						let ary = []
						list.map(item => {
							ary.push(
								item.id
							)
						})
						let params = {
							origin_type: 1,
							cart_ids: ary.join(),
							goods: ''
						}
						uni.setStorage({
							key: 'local_order_list',
							data: params,
							success: () => {
								uni.navigateTo({
									url: "/pages_mall/pages/mall/order/order?sourceFrom=detail&Nocart=2"
								})
							}
						});
					}
				}
			},
			
			
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
	}
	.storeNew{
		width: 100%;
		height: 100%;
		background-color: #fff;
		position: relative;
		.searchBox{
			margin-right:80rpx;
			width: 420rpx;
			height: 64rpx;
			padding: 0 24rpx;
			background: rgba(255,255,255,.6);
			border-radius: 32rpx;
			display: flex;
			align-items: center;
			color: #666;
			font: 500 24rpx/64rpx PingFang SC;
			.iconfont{
				font-size: 28rpx;
				margin-right: 11rpx;
			}
			.searchPlace{
				color: #666;
			}
		}
		.topBgImg{
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
			// 背景图片
			.bgImg{
				position: relative;
				width: 100%;
				height: 560rpx;
				// border-radius: 0px 0px 10% 10%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
				// -webkit-filter: blur(1px);
				// -moz-filter: blur(1px);
				// -o-filter: blur(1px);
				// -ms-filter: blur(1px);
				// filter: blur(1px);
				overflow: hidden;
				image{
					width: 100%;
					height: 100%;
				}
				.typelist{
					position: absolute;
					top: 330rpx;
					right: 12rpx;
					view{
						background-color: #fff;
					}
					.threeD{
						margin-bottom: 20rpx;
						width: 72rpx;
						height: 72rpx;
						text-align: center;
						line-height: 72rpx;
						box-shadow: 0rpx 3rpx 5rpx 1rpx rgba(83,83,83,0.2000);
						border-radius: 10rpx;
						font-size: 32rpx;
						font-family: PingFang SC-Heavy, PingFang SC;
						font-weight: 800;
						color: #0979FA;
					}
					.nav{
						width: 72rpx;
						height: 72rpx;
						text-align: center;
						line-height: 72rpx;
						box-shadow: 0rpx 3rpx 5rpx 1rpx rgba(83,83,83,0.2000);
						border-radius: 10rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #2E2A2B;
						font-size: 28rpx;
					}
				}
			}
			
			
		}
		// 店铺详情
		.storeInfo{
			position: relative;
			z-index: 2;
			margin-top: 351rpx;
		}
		.ShopView{
			padding:0 36rpx;
			.ShopItem {
				box-shadow: 0rpx 4rpx 14rpx 0rpx #f1f1f1;
				border-radius: 16rpx;
				padding: 32rpx;
				background: #ffffff;
			
				.ShopTop {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-bottom: 32rpx;
			
					.ShopTitle {
						font-size: 33rpx;
						font-weight: bold;
						color: #212121;
					}
			
					.ShopTopLeft {
						margin: 20rpx 0;
						font-size: 22rpx;
						font-weight: 500;
						color: #7d7d7d;
						display: flex;
						align-items: center;
			
						image {
							width: 32rpx;
							height: 32rpx;
							margin-right: 8rpx;
						}
					}
			
					.ShopBottom {
						padding: 10rpx 24rpx;
						display: flex;
						align-items: center;
						justify-content: center;
						max-width: max-content;
						background: linear-gradient(90deg, #f1dfb9, rgba(230, 194, 129, 0.99));
						border-radius: 40rpx;
						font-size: 24rpx;
						font-weight: 500;
						color: #212121;
			
						image {
							width: 32rpx;
							height: 32rpx;
							margin-right: 12rpx;
						}
					}
			
					.ShopLoGo {
						width: 144rpx;
						height: 144rpx;
						background: #141213;
						border-radius: 16rpx;
						color: #fff;
						display: flex;
						align-items: center;
						justify-content: center;
						font-size: 40rpx;
						image{
							width: 100%;
							height: 100%;
							border-radius: 16rpx;
						}
					}
				}
			
				.ShopMessage {
					// min-height: 56rpx;
					font-size: 20rpx;
					font-weight: 500;
					color: #9a9a9a;
					display: inline-flex;
					.storeText{
						width: 590rpx;
					}
				}
			}
		}
		
		// 店铺商品
		.storeContent{
			width: 100%;
			.tabsBox{
				padding: 13rpx 0 0;
				border-bottom: 2rpx solid #F1F1F1;
				width: 100%;
				.u-tab-bar{
					bottom: -6rpx;
				}
			}
			
			.contentBox{
				display: flex;
				align-items: center;
				.cateBox{
					width: 30%;
					height: 100%;
					background-color: #FAFAFA;
					.cateItem{
						width: 100%;
						text-align: center;
						font: 500 26rpx/56rpx PingFang SC;
						background-color: #FAFAFA;
						padding: 30rpx 0;
					}
					.active{
						background-color: #fff;
						font: bold 26rpx/56rpx PingFang SC;
						color: #202020;
						position: relative;
					}
					.active:before{
						content: "";
						position: absolute;
						left: 0;
						top: 50%;
						width: 5rpx;
						height: 40rpx;
						background-color: #D8B270;
						transform: translateY(-50%);
						border-radius: 0px 4rpx 4rpx 0px;
						box-sizing: border-box;
					}
				}
				.shopBox{
					width: 100%;
					height: 100%;
					position: relative;
					.cateTit{
						flex: 1;
						display: flex;
						align-items: center;
						justify-content: center;
						font: bold 32rpx/78rpx PingFang SC;
						padding: 14rpx 0;
						image{
							width: 30rpx;
							height: 30rpx;
							margin: 0 9rpx 0 14rpx;
							flex-shrink: 0;
						}
					}
					.no-card {
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						border-radius: 20rpx 20rpx 0 0;
						padding-top: 40rpx;
					}
					.no-card>text {
						font-size: 24rpx;
						color: #999;
					}
					.shopList{
						padding: 0 23rpx 110rpx;
						.shopItem{
							display: flex;
							align-items: center;
							margin-bottom: 24rpx;
							image{
								flex-shrink: 0;
								width: 180rpx;
								height: 180rpx;
								border-radius: 16rpx;
								margin-right: 24rpx;
							}
							.shopInfo{
								.shopTitle{
									width: 320rpx;
									font: 500 28rpx/38rpx PingFang SC;
									color: #212121;
								}
								.buyNum{
									display: inline-block;
									padding: 0 9rpx;
									margin-top: 14rpx;
									font: 500 22rpx/38rpx PingFang SC;
									color: #C68C57;
									background-color: rgba(207,166,108,0.1);
									border-radius: 4rpx;
								}
								.shopPrice{
									margin-top: 20rpx;
									font: bold 36rpx/36rpx PingFang SC;
									color: #F66036;
									.delPrice{
										display: flex;
										align-items: center;
										justify-content: space-between;
										text{
											font: 500 24rpx/36rpx PingFang SC;
											color: #929290;
											margin-left: 14rpx;
											text-decoration: line-through;
										}
										.specBtn{
											font: 500 24rpx/24rpx PingFang SC;
											color: #fff;
											background-color: #C3AB7C;
											border-radius: 8rpx;
											padding: 8rpx 15rpx;
											position: relative;
											display: inline-block;
											.s_unm {
												width: 32rpx;
												height: 32rpx;
												color: #fff;
												font-size: 16rpx;
												border-radius: 50%;
												background: #e9423e;
												position: absolute;
												right: -8rpx;
												top: -12rpx;
												display: flex;
												justify-content: center;
												align-items: center;
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		
		// 探店
		.s_cSwiper-item {
			width: 100%;
			height: 100%;
			.coms {
				text-align: center;
				padding: 15rpx 20rpx;
			}
			.tabtand {
				display: inline-block;
				line-height: 55rpx;
				padding: 0 50rpx;
				border-radius: 80rpx;
				border: 1px #C6B08C solid;
				color: #C6B08C;
				margin: 0 25rpx;

				text {
					margin-right: 15rpx;
				}
			}

			.tabtand.active {
				background: #C6B08C;
				color: #fff;
			}

			.s_dynamic {
				width: 100%;
				height: 100%;
				padding-bottom: 100rpx;
			
				.s_dList {
					width: 100%;
					height: 100%;
					.s_dContain {
						padding-bottom: 120rpx;
						.no-card {
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							border-radius: 20rpx 20rpx 0 0;
							padding-top: 40rpx;
						}
						
						.no-card>text {
							font-size: 24rpx;
							color: #999;
						}
					}
				}
			
				.s_dItem {
					padding-top: 32rpx;
					position: relative;
			
					&::after {
						content: "";
						height: 1px;
						background: #f4f4f4;
						position: absolute;
						bottom: 0;
						left: 32rpx;
						right: 32rpx;
						transform: scaleY(.5);
					}
			
					&:nth-last-child(1)::after {
						content: none;
					}
				}
			
				.s_dTime {
					height: 34rpx;
					line-height: 34rpx;
					color: #939393;
					font-size: 24rpx;
					padding: 0 32rpx;
				}
			
				// 标签
				.s_dTags {
					margin: 18rpx 32rpx 0;
					overflow: hidden;
				}
			
				.s_dTag {
					height: 44rpx;
					line-height: 44rpx;
					color: #a58f6d;
					font-size: 24rpx;
					padding: 0 20rpx 0 48rpx;
					border-radius: 22rpx;
					background: #f9f6f3;
					position: relative;
					float: left;
				}
			
				.s_dTag-icon {
					width: 36rpx;
					height: 36rpx;
					position: absolute;
					top: 4rpx;
					left: 4rpx;
				}
			
				// 内容
				.s_dText {
					line-height: 44rpx;
					margin: 28rpx 36rpx 0;
				}
			
				.s_dAll {
					height: 36rpx;
					line-height: 36rpx;
					color: #a98f68;
					font-size: 26rpx;
					margin-top: 8rpx;
				}
			
				.s_dImgs {
					padding: 18rpx 0 0 32rpx;
					overflow: hidden;
				}
			
				.s_dImg {
					width: 220rpx;
					height: 220rpx;
					margin: 12rpx 14rpx 0 0;
					border-radius: 4rpx;
					background: #f6f7fb;
					overflow: hidden;
					float: left;
				}
			
				// 底部功能键
				.s_dFuns {
					padding: 20rpx 32rpx 22rpx;
					display: flex;
				}
			
				.s_dFun {
					height: 74rpx;
					display: flex;
					flex: 1;
					justify-content: center;
					align-items: center;
			
					&:nth-child(1) {
						justify-content: flex-start;
					}
			
					&:nth-last-child(1) {
						justify-content: flex-end;
					}
				}
			
				.s_dFIcon {
					width: 40rpx;
					height: 40rpx;
					line-height: 40rpx;
					color: #6c6c6c;
					font-size: 40rpx;
					margin-right: 16rpx;
					display: inline-block;
				}
			}
			
			// 店铺信息
			.shopgoods{
				padding: 24rpx;
				padding-bottom: 180rpx;
				background: #fff;
			}
			.shoptops{
				line-height: 50rpx;
				font-size: 32rpx;
				margin-bottom: 20rpx;
			}
			.shopcell{
				line-height: 50rpx;
				color: #666;
			}
			.cellservice{
				background: #fff;
				width: 120rpx;
				height: 120rpx;
				text-align: center;
				border: 1px #dfdfdf solid;
				border-radius: 50%;
				float: right;
				margin-top: 50rpx;
				padding-top: 15rpx;
				position: relative;
				.cell-service{
					position: absolute;
					right: 0;
					bottom: 0;
					left: 0;
					top: 0;
					opacity: 0;
					z-index: 10;
					.cell--bubble{
						width: 100%;
					}
				}
				text{
					display: block;
					font-size: 36rpx;
				}
			}
		}
		
		// 结算按钮
		.settBtn{
			width: 100%;
			position: fixed;
			left: 0;
			z-index: 502;
			bottom: 24rpx;
			.btnBox{
				width: 686rpx;
				height: 100rpx;
				margin: 10rpx auto;
				background: linear-gradient(90deg, #5F5F5F, rgba(50, 50, 50, 0.99));
				border-radius: 20rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 24rpx 0 36rpx;
				.left{
					display: flex;
					align-items: center;
					.leftImg{
						position: relative;
						width: 64rpx;
						height: 64rpx;
						margin-right: 33rpx;
						image{
							width: 100%;
							height: 100%;
						}
					}
					font: 500 26rpx/64rpx PingFang SC;
					color: #fff;
					text{
						font: bold 32rpx/64rpx PingFang SC;
					}
				}
				.right{
					background: linear-gradient(90deg, #F1DFB9, rgba(239, 211, 160, 0.99));
					font: 500 24rpx/24rpx PingFang SC;
					color: #221A15;
					border-radius: 12rpx;
					padding: 22rpx 39rpx;
					margin: 0;
				}
				.active {
					background: #ccc;
				}
			}
		}
		
		
		// 购物车
		.s_cart {
			width: 100vw;
			height: 100vh;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 501;
		
			.s_cBg {
				width: 100%;
				height: 100%;
				background-color: rgba(0, 0, 0, .8);
			}
		
			.s_cBox {
				width: 100%;
				border-radius: 24rpx 24rpx 0 0;
				background: #fff;
				position: absolute;
				left: 0;
				bottom: 0;
			}
		
			.s_cTop {
				width: 100%;
				height: 52rpx;
				padding: 0 32rpx;
				border-radius: 24rpx 24rpx 0 0;
				background: #f9f6f3;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
			}
		
			.s_cTip {
				height: 52rpx;
				line-height: 52rpx;
				color: #cbaf87;
				font-size: 20rpx;
				font-weight: bold;
			}
		
			.s_cClear {
				height: 52rpx;
				line-height: 52rpx;
				color: #333;
				font-size: 20rpx;
				font-weight: bold;
			}
		
			.s_cBtm {
				max-height: 944rpx;
				padding: 20rpx 0 140rpx;
				overflow-y: auto;
			}
		
			.s_cItem {
				padding: 20rpx 32rpx 20rpx;
				position: relative;
				display: flex;
		
				&::after {
					content: "";
					height: 1px;
					background: #f8f6f3;
					position: absolute;
					bottom: 0;
					left: 32rpx;
					right: 0;
					transform: scaleY(.5);
				}
		
				&:nth-last-child(1)::after {
					content: none;
				}
			}
		
			.s_cImage {
				width: 162rpx;
				height: 162rpx;
				margin-right: 40rpx;
				border-radius: 4rpx;
				overflow: hidden;
			}
		
			.s_cName {
				width: 486rpx;
				line-height: 40rpx;
				color: #333;
				font-size: 28rpx;
				font-weight: bold;
			}
		
			.s_cFee {
				height: 40rpx;
				line-height: 40rpx;
				color: #e9423e;
				font-size: 22rpx;
				font-weight: bold;
				margin-top: 10rpx;
		
				&>text {
					font-size: 32rpx;
				}
			}
		
			.s_cCheap {
				height: 34rpx;
				line-height: 34rpx;
				text-decoration: line-through;
				color: #939393;
				font-size: 18rpx;
		
				&>text {
					font-size: 24rpx;
				}
			}
		
			.s_cOper {
				position: absolute;
				bottom: 0;
				right: 20rpx;
				display: flex;
				flex-direction: row-reverse;
			}
		
			.s_cAdd,
			.s_cMinus {
				width: 60rpx;
				height: 96rpx;
				display: flex;
				justify-content: center;
				align-items: center;
		
				&>image {
					width: 40rpx;
					height: 40rpx;
				}
			}
		
			.s_cNum {
				min-width: 52rpx;
				height: 96rpx;
				line-height: 96rpx;
				text-align: center;
				font-size: 36rpx;
			}
		
			.s_cNodata {
				width: 100%;
				height: 200rpx;
				font-size: 24rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
	}
	// 弹窗-规格
		.Size {
			width: 100vw;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1001;
		
			.S_bg {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, .8);
			}
		
			.S_box {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				display: flex;
				flex-flow: column;
			}
		
			.S_bCloak {
				height: 176rpx;
			}
		
			.S_bContain {
				border-radius: 24rpx 24rpx 0 0;
				background: #fff;
				position: relative;
				overflow: hidden;
				display: flex;
				flex-flow: column;
				flex: 1;
			}
		
			.S_bClose {
				width: 104rpx;
				height: 120rpx;
				position: absolute;
				top: 0;
				right: 0;
				display: flex;
				justify-content: center;
				align-items: center;
		
				.S_bcIcon {
					width: 40rpx;
					height: 40rpx;
					line-height: 40rpx;
					text-align: center;
					color: #000;
					font-size: 20rpx;
					border-radius: 50%;
					background: #f9f6f3;
				}
			}
		
			.S_bInfo {
				padding: 36rpx 32rpx 20rpx;
		
				.S_biHead {
					width: 178rpx;
					height: 178rpx;
					margin-right: 24rpx;
					border-radius: 10rpx;
					background: #f0f0f0;
					box-shadow: 0 4rpx 4rpx 0 rgba(136, 136, 136, .16);
					overflow: hidden;
					float: left;
				}
		
				.S_biCan {
					overflow: hidden;
				}
		
				.S_biFee {
					height: 60rpx;
					line-height: 60rpx;
					color: #e9423e;
					font-size: 32rpx;
					font-weight: bold;
					margin-top: 32rpx;
		
					&>text {
						font-size: 44rpx;
					}
				}
		
				.S_biTip {
					height: 40rpx;
					line-height: 40rpx;
					color: #e9423e;
					font-size: 20rpx;
					margin-top: 10rpx;
					border-radius: 4rpx;
					display: inline-block;
		
					.yprice {
						margin-left: 0;
					}
				}
		
				.S_biRemark {
					height: 28rpx;
					line-height: 28rpx;
					color: #939393;
					font-size: 20rpx;
					margin-top: 10rpx;
				}
			}
		
			.S_bConfig {
				overflow: hidden;
				flex: 1;
		
				.S_bcCan {
					padding: 0 34rpx 146rpx;
				}
		
				.S_bcGroup {
					padding-top: 40rpx;
					position: relative;
		
					&:first-child {
						padding-top: 20rpx;
					}
				}
		
				.S_bcTit {
					height: 40rpx;
					line-height: 40rpx;
					font-weight: bold;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
		
				.S_bcChecks {
					padding-top: 8rpx;
				}
		
				.S_bcCheck {
					height: 42rpx;
					line-height: 42rpx;
					color: #939393;
					font-size: 24rpx;
					padding: 0 26rpx;
					margin: 16rpx 16rpx 0 0;
					border-radius: 22rpx;
					background: #f5f5f5;
					display: inline-block;
		
					&.checked {
						color: #e9423e;
						background: #feeff2;
					}
				}
		
				.S_bcNums {
					height: 48rpx;
					position: absolute;
					top: 36rpx;
					right: -22rpx;
					display: flex;
				}
		
				.S_bcNum {
					width: 72rpx;
					height: 48rpx;
					line-height: 48rpx;
					text-align: center;
					border-radius: 8rpx;
					background: #f6f7fb;
				}
		
				.S_bcMinus,
				.S_bcAdd {
					width: 72rpx;
					height: 48rpx;
					position: relative;
				}
		
				.S_bcMinus::before,
				.S_bcAdd::before,
				.S_bcAdd::after {
					content: "";
					width: 24rpx;
					height: 4rpx;
					border-radius: 4rpx;
					background: #333;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
				}
		
				.S_bcAdd::after {
					width: 4rpx;
					height: 24rpx;
				}
			}
		
			.S_bBtns {
				height: 86rpx;
				color: #fff;
				font-weight: bold;
				padding: 20rpx 48rpx 0;
				border-top: 1px solid #f8f6f3;
				background: #fff;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				box-sizing: content-box;
				display: flex;
				justify-content: space-between;
				padding-bottom: constant(safe-area-inset-bottom);
				padding-bottom: env(safe-area-inset-bottom);
		
				.S_bbBtn1,
				.S_bbBtn2 {
					width: 294rpx;
					height: 72rpx;
					line-height: 72rpx;
					text-align: center;
					border-radius: 8rpx;
					background: #c3ab7c;
		
					&:active {
						opacity: .88;
					}
				}
		
				.S_bbBtn2 {
					background: #333;
				}
			}
		}
	}
	
	// 探店视频
	.i_cList {
		padding: 0 32rpx;
		display: flex;
	}
	
	.i_cLeft {
		flex: 1;
	}
	
	.i_cLeft:first-child {
		padding-right: 12rpx;
	}
	
	.i_cLeft:last-child {
		padding-left: 12rpx;
	}
	
	.i_cRight {
		flex: 1;
	}
	
	.i_cItem {
		width: 100%;
		padding-bottom: 38rpx;
		border-radius: 8rpx;
		overflow: hidden;
	}
	
	.i_cImage {
		width: 100%;
		background: #f6f7fb;
		height: 360rpx;
		overflow: hidden;
	
		>image {
			min-height: 360rpx;
		}
	}
	
	.i_cTag {
		height: 44rpx;
		line-height: 44rpx;
		color: #a58f6d;
		font-size: 20rpx;
		padding: 0 16rpx 0 48rpx;
		margin: 16rpx 16rpx 0;
		border-radius: 22rpx;
		background: #f9f6f3;
		position: relative;
		display: inline-block;
	
		.i_ctIcon {
			width: 36rpx;
			height: 36rpx;
			position: absolute;
			top: 4rpx;
			left: 4rpx;
		}
	}
	
	.i_cText {
		line-height: 36rpx;
		font-size: 24rpx;
		margin: 16rpx 20rpx 0;
	}
	
	.i_cUser {
		margin: 16rpx 16rpx 0;
	}
	
	.i_cHead {
		width: 36rpx;
		height: 36rpx;
		margin-right: 8rpx;
		border-radius: 50%;
		background: #f6f7fb;
		float: left;
		overflow: hidden;
	}
	
	.i_cPraise {
		height: 36rpx;
		color: #939393;
		font-size: 20rpx;
		float: right;
		display: flex;
		align-items: center;
	}
	
	.i_cpIcon {
		width: 32rpx;
		height: 32rpx;
		margin: 0 8rpx;
	}
	
	.i_cName {
		height: 36rpx;
		line-height: 36rpx;
		color: #939393;
		font-size: 20rpx;
		overflow: hidden;
	}
	
	// 弹窗 - 评论=====
	// 动画效果：
	// 画板，隐藏阶段，.3s后隐藏画板
	// 背景：.3s时间，【显示】opacity(0 -> 1) 【隐藏】opacity(1 -> 0)
	// 弹窗：.3s时间，【显示】transform: translateY(0) 【隐藏】transform: translateY(100%)
	.p_evalute {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		visibility: hidden;
		transition: visibility .3s;
	
		&.active {
			visibility: visible;
	
			.p_eBg {
				opacity: 1;
			}
	
			.p_eContain {
				transform: translateY(0);
			}
		}
	
		.p_eBg {
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, .6);
			transition: opacity .3s;
			opacity: 0;
		}
	
		.p_eBox {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			display: flex;
			flex-flow: column;
		}
	
		.p_eShim {
			height: 256rpx;
		}
	
		.p_eContain {
			padding-bottom: constant(safe-area-inset-bottom);
			padding-bottom: env(safe-area-inset-bottom);
			border-radius: 24rpx 24rpx 0 0;
			background: #fff;
			position: relative;
			overflow: hidden;
			display: flex;
			flex-flow: column;
			flex: 1;
			transition: transform .3s;
			transform: translateY(100%);
		}
	
		.p_eClose {
			width: 104rpx;
			height: 120rpx;
			line-height: 120rpx;
			text-align: center;
			font-size: 40rpx;
			position: absolute;
			top: 0;
			right: 0;
		}
	
		.p_eTitle {
			height: 120rpx;
			line-height: 120rpx;
			text-align: center;
			font-weight: bold;
		}
	
		// 评论
		.p_eList {
			padding-left: 32rpx;
			padding-bottom: 112rpx;
			overflow-y: auto;
			flex: 1;
		}
	
		.p_eCan {
			height: 100%;
		}
	
		.p_eItem {
			margin-top: 30rpx;
	
			&:nth-child(1) {
				margin-top: 20rpx;
			}
	
			&:nth-last-child(1) .p_eCont::after {
				content: none;
			}
		}
	
		.p_eHead,
		.p_eIts .p_eiHead {
			width: 66rpx;
			height: 66rpx;
			margin-right: 16rpx;
			border-radius: 50%;
			background: #f0f0f0;
			float: left;
	
			image {
				border-radius: 50%;
			}
		}
	
		.p_eCont {
			padding-bottom: 28rpx;
			position: relative;
			overflow: hidden;
	
			&::after {
				content: "";
				width: 100%;
				height: 1px;
				background: #f4f4f4;
				position: absolute;
				bottom: 0;
				left: 0;
				transform: scaleY(.5);
			}
		}
	
		.p_eName,
		.p_eIts .p_eiName {
			height: 28rpx;
			line-height: 28rpx;
			color: #939393;
			font-size: 20rpx;
		}
	
		.p_eAuth,
		.p_eIts .p_eiAuth {
			width: 64rpx;
			height: 28rpx;
			line-height: 28rpx;
			text-align: center;
			color: #333;
			font-size: 20rpx;
			margin-left: 8rpx;
			border-radius: 28rpx;
			background: #f6f7fb;
			display: inline-block;
		}
	
		.p_eTxt,
		.p_eIts .p_eiTxt {
			min-height: 34rpx;
			line-height: 34rpx;
			font-size: 24rpx;
			padding-right: 32rpx;
			margin-top: 4rpx;
		}
	
		.p_eTip,
		.p_eIts .p_eiTip {
			color: #939393;
			font-size: 20rpx;
			padding-left: 16rpx;
			display: inline-block;
		}
	
		// 他人回复
		.p_eiItem {
			margin-top: 16rpx;
		}
	
		.p_eiCont {
			overflow: hidden;
		}
	
		.p_eiReply {
			color: #939393;
			font-size: 20rpx;
			padding: 0 4rpx;
		}
	
		// 回复框
		.p_eReply {
			width: 100%;
			height: 112rpx;
			padding-left: 32rpx;
			background: #fff;
			position: absolute;
			bottom: 0;
			left: 0;
			box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
	
			.p_erSend {
				width: 108rpx;
				height: 112rpx;
				line-height: 112rpx;
				color: #939393;
				padding-left: 16rpx;
				float: right;
			}
	
			.p_erInput {
				height: 64rpx;
				margin-top: 24rpx;
				border-radius: 32rpx;
				background: #f6f7fb;
				position: relative;
				overflow: hidden;
	
				&>input {
					width: 100%;
					height: 100%;
					padding: 0 88rpx 0 28rpx;
				}
			}
	
			.p_erIcon {
				width: 88rpx;
				height: 64rpx;
				line-height: 64rpx;
				color: #6c6c6c;
				font-size: 48rpx;
				text-align: center;
				position: absolute;
				top: 0;
				right: 0;
			}
		}
	
		// 回复框
		// .p_eReply {width: 100%;height: 112rpx;background: #fff;position: absolute;bottom: 0;left: 0;box-shadow: 0 0 20rpx 0 rgba(0, 0, 0, .1);
		// 	.p_erCan {height: 64rpx;margin: 24rpx 108rpx 0 32rpx;border-radius: 32rpx;background: #f6f7fb;}
		// 	.p_erInput {width: 100%;height: 100%;padding: 24rpx 196rpx 24rpx 60rpx;position: absolute;left: 0;top: 0;z-index: 1;}
		// 	.p_erIcon {width: 88rpx;height: 112rpx;line-height: 112rpx;color: #6c6c6c;font-size: 48rpx;text-align: center;position: absolute;top: 0;right: 108rpx;z-index: 3;}
		// 	.p_erSend {width: 108rpx;height: 112rpx;line-height: 112rpx;color: #939393;padding-left: 16rpx;position: absolute;top: 0;right: 0;z-index: 2;}
		// }
	}
	// 客服弹框
		.pouchat{
			position: fixed;
			background: rgba(0,0,0,0.5);
			top:0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 9999;
			.poucont{
				position: absolute;
				top:30%;
				left: 15%;
				right: 15%;
				.icon-close{
					width: 80rpx;
					height: 80rpx;
					font-size: 70rpx;
					color: #fff;
					line-height: 80rpx;
					text-align: center;
					margin: 30rpx auto;
				}
			}
			.chatlist{
				background: #fff;
				padding:30rpx;
				border-radius: 10rpx;
			}
			.chatml{
				position: relative;
				padding: 20rpx;
				padding-left: 100rpx;
				min-height: 100rpx;
				.cell-service{
					position: absolute;
					right: 0;
					bottom: 0;
					left: 0;
					top: 0;
					opacity: 0;
					z-index: 10;
					.cell--bubble{
						width: 100%;
					}
				}
				text{
					display: block;
					line-height: 40rpx;
				}
				.t1{
					font-size: 32rpx;
				}
				.t2{
					font-size: 24rpx;
					color: #999;
				}
				image{
					width: 70rpx;
					height: 70rpx;
					position: absolute;
					left: 15rpx;
					top:25rpx;
				}
			}
		}	
	@keyframes popFocusIn {
		0% {
			transform: scale3d(0.6, 0.6, 0.6);
			opacity: .6;
		}

		80% {
			transform: scale3d(1.1, 1.1, 1.1);
			opacity: 1;
		}

		100% {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}
	}

	@keyframes popFocusOut {
		0% {
			transform: scale3d(1, 1, 1);
			opacity: 1;
		}

		20% {
			transform: scale3d(1.1, 1.1, 1.1);
			opacity: 1;
		}

		100% {
			transform: scale3d(0.6, 0.6, 0.6);
			opacity: .6;
		}
	}
</style>
